<% include partials/demo/top %>
    <!-- img background -->
    <img class="background" src="/images/circuitos.png">
    <!-- header logos -->
    <img class="logo1" src="/images/etsit.png">
    <img class="logo2" src="/images/telefonica.png">
    <img class="licode" src="/images/licode.svg">
    <div id="container_demo" class="container">
      <div class="row">
        <div id="video_layout"></div>
        <div id="mini_video_layout"></div>

        <div id="chat" class="hidden">


          <div id="chat_switcher">
            <p class="switch_button active" id="chat_button">Chat</p>
            <p class="switch_button" id="users_button">Users</p>
          </div>
          <div id="chat_body_container">
            <div id="chat_body"></div>
          </div>
          <div id="chat_message_container">
            <input id="chat_message" name="mensaje" rows="1" placeholder="Chat message">
          </div>
          <div id="users_list_container">
            <div id="users_list"></div>
          </div>

        </div>
      </div>

      <div class="modal" id="connection_panel">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close close_button" aria-hidden="true">&times;</button>
              <h4 class="modal-title">Connect to the demo</h4>
            </div>
            <div class="modal-body">
              <p>Please, enter your name:</p>
              <input type="text" id="username_txt" placeholder="Username">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default  close_button">Cancel</button>
              <button id="connect_button" type="button" class="btn btn-primary">Connect</button>
            </div>
          </div>
        </div>
      </div>

  </div>

  </div>


<script type="text/javascript" src="/javascripts/erizo.js"></script>
<script type="text/javascript" src="/javascripts/demoTemplate.js"></script>
<script type="text/javascript" src="/demos/<%= demo %>/<%= demo %>.js"></script>
<link href='/stylesheets/demoTemplate.css' rel='stylesheet'/>
<link rel='stylesheet' href='/demos/<%= demo %>/<%= demo %>.css'/>

<% include partials/demo/bottom %>
